<!DOCTYPE html>
<!-- saved from url=(0042)http://trisandhya.com/cloud/blankpage.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>Cloud</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <!-- Bootstrap CSS -->
    <link href="res/bootstrap.css" rel="stylesheet" media="screen">

    <!-- date range -->
    <link rel="stylesheet" type="text/css" href="res/daterange.css">

    <!-- Easy Wizard -->
    <link href="res/jquery.snippet.min.css" rel="stylesheet">
    <link href="res/styles.css" rel="stylesheet" media="screen">

    <!-- Main CSS -->
    <link href="res/main.css" rel="stylesheet" media="screen">

    <!-- Font Awesome CSS -->
    <link href="../../../res/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!--[if IE 7]>
      <link rel="stylesheet" href="fonts/font-awesome.css">
    <![endif]-->

    <!-- HTML5 shiv and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->

    <script type="text/javascript" async="" src="res/ga.js"></script><script type="text/javascript">

      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-46527722-1']);
      _gaq.push(['_trackPageview']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();

    </script>

  <style id="clearly_highlighting_css" type="text/css">/* selection */ html.clearly_highlighting_enabled ::-moz-selection { background: rgba(246, 238, 150, 0.99); } html.clearly_highlighting_enabled ::selection { background: rgba(246, 238, 150, 0.99); } /* cursor */ html.clearly_highlighting_enabled {    /* cursor and hot-spot position -- requires a default cursor, after the URL one */    cursor: url("chrome-extension://pioclpoplcdbaefihamjohnefbikjilc/clearly/images/highlight--cursor.png") 14 16, text; } /* highlight tag */ em.clearly_highlight_element {    font-style: inherit !important; font-weight: inherit !important;    background-image: url("chrome-extension://pioclpoplcdbaefihamjohnefbikjilc/clearly/images/highlight--yellow.png");    background-repeat: repeat-x; background-position: top left; background-size: 100% 100%; } /* the delete-buttons are positioned relative to this */ em.clearly_highlight_element.clearly_highlight_first { position: relative; } /* delete buttons */ em.clearly_highlight_element a.clearly_highlight_delete_element {    display: none; cursor: pointer;    padding: 0; margin: 0; line-height: 0;    position: absolute; width: 34px; height: 34px; left: -17px; top: -17px;    background-image: url("chrome-extension://pioclpoplcdbaefihamjohnefbikjilc/clearly/images/highlight--delete-sprite.png"); background-repeat: no-repeat; background-position: 0px 0px; } em.clearly_highlight_element a.clearly_highlight_delete_element:hover { background-position: -34px 0px; } /* retina */ @media (min--moz-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {    em.clearly_highlight_element { background-image: url("chrome-extension://pioclpoplcdbaefihamjohnefbikjilc/clearly/images/highlight--yellow@2x.png"); }    em.clearly_highlight_element a.clearly_highlight_delete_element { background-image: url("chrome-extension://pioclpoplcdbaefihamjohnefbikjilc/clearly/images/highlight--delete-sprite@2x.png"); background-size: 68px 34px; } } </style><style type="text/css">.jqstooltip { position: absolute;left: 0px;top: 0px;visibility: hidden;background: rgb(0, 0, 0) transparent;background-color: rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";color: white;font: 10px arial, san serif;text-align: center;white-space: nowrap;padding:5px;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;border: 1px solid white;z-index: 10000;}.jqsfield { color: white;font: 10px arial, san serif;text-align: left;}</style><style>[touch-action="none"]{ -ms-touch-action: none; touch-action: none; }[touch-action="pan-x"]{ -ms-touch-action: pan-x; touch-action: pan-x; }[touch-action="pan-y"]{ -ms-touch-action: pan-y; touch-action: pan-y; }[touch-action="scroll"],[touch-action="pan-x pan-y"],[touch-action="pan-y pan-x"]{ -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; }</style><script>window["_GOOG_TRANS_EXT_VER"] = "1";</script></head>

  <body style="" cz-shortcut-listen="true">

    <div class="container">

      <!-- Top bar start -->
      <div class="top-bar">
        
        <div class="logo">
          OMS<sup><i class="fa fa-cloud"></i></sup>
        </div>

        <!-- Icon nav start -->
        <ul id="icon-nav">
          <li>
            <a href="http://trisandhya.com/cloud/blankpage.html#" data-original-title="" title="">
              <i class="fa fa-bell"></i>
              <span class="count-label"></span>
            </a>
          </li>
          <li>
            <a href="http://trisandhya.com/cloud/blankpage.html#" data-original-title="" title="">
              <i class="fa fa-comment-o"></i>
              <span class="count-label count-lb-yellow"></span>
            </a>
          </li>
          <li>
            <a href="http://trisandhya.com/cloud/blankpage.html#" data-original-title="" title="">
              <i class="fa fa-envelope"></i>
              <span class="count-label count-lb-green"></span>
            </a>
          </li>
        </ul>
        <!-- Icon nav end -->

        <!-- Search bar start -->
        <div class="custom-search hidden-xs">
          <input type="text" class="search-query" placeholder="Search here">
          <i class="icon-search"></i>
        </div>
        <!-- Search bar end -->

      </div>
      <!-- Top bar end -->

      <!-- Header start -->
      <header class="navbar" role="navigation">
        <div class="navbar-header">
          <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse" data-original-title="" title="">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a href="http://trisandhya.com/cloud/blankpage.html#" class="navbar-brand" data-original-title="" title="">&nbsp;</a>
        </div>
        <nav class="navbar-collapse bs-navbar-collapse collapse" role="navigation" style="height: 1px;">
          
          <ul class="nav navbar-nav">
            <li>
              <a href="http://trisandhya.com/cloud/index.html" data-original-title="" title="">Dashboard</a>
            </li>
            <li>
              <a href="http://trisandhya.com/cloud/graphs.html" data-original-title="" title="">Graphs</a>
            </li>
            <li class="dropdown">
              <a href="http://trisandhya.com/cloud/blankpage.html#" class="dropdown-toggle" data-toggle="dropdown" data-original-title="" title="">UI elements <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="http://trisandhya.com/cloud/buttons.html" data-original-title="" title="">Buttons</a></li>
                <li><a href="http://trisandhya.com/cloud/panels.html" data-original-title="" title="">Panels &amp; List Groups</a></li>
                <li><a href="http://trisandhya.com/cloud/notifications.html" data-original-title="" title="">Notifications</a></li>
                <li><a href="http://trisandhya.com/cloud/typography.html" data-original-title="" title="">Typography</a></li>
                <li class="divider"></li>
                <li><a href="http://trisandhya.com/cloud/grid.html" data-original-title="" title="">Grid</a></li>
                <li class="divider"></li>
                <li><a href="http://trisandhya.com/cloud/ui-elements.html" data-original-title="" title="">More UI Elements...</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a href="http://trisandhya.com/cloud/blankpage.html#" class="dropdown-toggle" data-toggle="dropdown" data-original-title="" title="">Forms <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="http://trisandhya.com/cloud/forms.html" data-original-title="" title="">Form Elements</a></li>
                <li><a href="http://trisandhya.com/cloud/wizards.html" data-original-title="" title="">Form Wizards</a></li>
              </ul>
            </li>
            <li>
              <a href="http://trisandhya.com/cloud/tables.html" data-original-title="" title="">Tables</a>
            </li>
            <li>
              <a href="http://trisandhya.com/cloud/gallery.html" data-original-title="" title="">Gallery</a>
            </li>
            <li class="dropdown active">
              <a href="http://trisandhya.com/cloud/blankpage.html#" class="dropdown-toggle" data-toggle="dropdown" data-original-title="" title="">Bonus Pages <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="http://trisandhya.com/cloud/invoice.html" data-original-title="" title="">Invoice</a></li>
                <li><a href="http://trisandhya.com/cloud/calendar.html" data-original-title="" title="">Calendar</a></li>
                <li class="divider"></li>
                <li><a href="http://trisandhya.com/cloud/login.html" data-original-title="" title="">Login</a></li>
                <li class="divider"></li>
                <li><a href="http://trisandhya.com/cloud/error.html" data-original-title="" title="">404</a></li>
                <li><a href="res/Cloud.html" data-original-title="" title="">Blank Page</a></li>
              </ul>
            </li>
          </ul>
          
          <!-- Mini navigation start -->
          <ul class="nav navbar-nav navbar-right hidden-sm hidden-xs">
            <li class="dropdown">
              <a href="http://trisandhya.com/cloud/blankpage.html#" class="dropdown-toggle" data-toggle="dropdown" data-original-title="" title=""><i class="icon-user"></i> Sandy <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="http://trisandhya.com/cloud/blankpage.html#" data-original-title="" title="">My Account</a></li>
                <li><a href="http://trisandhya.com/cloud/calendar.html" data-original-title="" title="">My Calendar</a></li>
                <li><a href="http://trisandhya.com/cloud/blankpage.html#" data-original-title="" title="">My Inbox</a></li>
                <li class="divider"></li>
                <li><a href="http://trisandhya.com/cloud/login.html" data-original-title="" title="">Logout</a></li>
              </ul>
            </li>
          </ul>
          <!-- Mini navigation end -->

        </nav>
      </header>
      <!-- Header end -->

      <!-- Page title Start -->
      <div class="page-title">

        <div class="row ">

          <!-- Breadcrumb nav start -->
          <div class="col-md-6 col-sm-6 col-xs-6">
            <h2>Bonus Pages</h2>
            <ul class="breadcrumb">
              <li>Home</li>
              <li>Blank Page</li>
            </ul>
          </div>
          <!-- Breadcrumb nav end -->

          <div class="col-md-6 col-sm-6 col-xs-6">
            
            <!-- Mini Nav Right Start -->
            <ul id="page-settings" class="hidden-sm">
              <li id="reportrange">
                <i class="fa fa-calendar"></i>
                <span>June 14, 2014 - July 13, 2014</span> <b class="caret"></b>
              </li>
              <li>
                <i class="fa fa-cog"></i>
              </li>
            </ul>
            <!-- Mini Nav Right End -->

            <!-- Stats Start -->
            <ul class="stats hidden-sm hidden-xs">
              <li>
                <span id="orders" class="graph"><canvas width="62" height="18" style="display: inline-block; width: 62px; height: 18px; vertical-align: top;"></canvas></span>
                <div class="details">
                  <span class="big">2,591</span>
                  <span class="small">Orders</span>
                </div>
              </li>
              <li>
                <span id="currentBalance" class="graph"><canvas width="62" height="18" style="display: inline-block; width: 62px; height: 18px; vertical-align: top;"></canvas></span>
                <div class="details">
                  <span class="big">$7,345</span>
                  <span class="small">Balance</span>
                </div>
              </li>
            </ul>
            <!-- Stats End -->
            
          </div>
        </div>
      </div>
      <!-- Page title end -->

      <!-- Row start -->
      <div class="row">
        <div class="col-md-12 col-xs-12">
          <div class="panel panel-default">
            <div class="panel-heading clearfix">
              <i class="fa fa-calendar"></i>
              <h3 class="panel-title">Panel Title</h3>
            </div>
            <div class="panel-sub-heading">
              <a href="http://trisandhya.com/cloud/blankpage.html#" data-original-title="" title="">Blank Page</a>
            </div>
            <div class="panel-body">
              
            </div>
          </div>
        </div>
      </div>
      <!-- Row end -->

    </div>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="../../../res/lib/jquery-1.10.2.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="res/bootstrap.min.js"></script>

    <!-- Sparkline graphs -->
    <script src="res/sparkline.js"></script>

    <!-- Date Range -->
    <script src="res/moment.js"></script>
    <script src="res/daterangepicker.js"></script>

    <!-- Custom JS -->
    <script src="res/custom.js"></script>

  
<div class="daterangepicker dropdown-menu opensleft"><div class="calendar left"><div class="calendar-date"><table class="table-condensed"><thead><tr><th></th><th class="prev available"><i class="icon-arrow-left glyphicon glyphicon-arrow-left"></i></th><th colspan="5" style="width: auto"><select class="monthselect"><option value="0">January</option><option value="1">February</option><option value="2">March</option><option value="3">April</option><option value="4">May</option><option value="5" selected="selected">June</option><option value="6">July</option><option value="7">August</option><option value="8">September</option><option value="9">October</option><option value="10">November</option><option value="11">December</option></select><select class="yearselect"><option value="2012">2012</option><option value="2013">2013</option><option value="2014" selected="selected">2014</option></select></th><th class="next available"><i class="icon-arrow-right glyphicon glyphicon-arrow-right"></i></th></tr><tr><th class="week">W</th><th>Mo</th><th>Tu</th><th>We</th><th>Th</th><th>Fr</th><th>Sa</th><th>Su</th></tr></thead><tbody><tr><td class="week">22</td><td class="available off" data-title="r0c0">26</td><td class="available off" data-title="r0c1">27</td><td class="available off" data-title="r0c2">28</td><td class="available off" data-title="r0c3">29</td><td class="available off" data-title="r0c4">30</td><td class="available off" data-title="r0c5">31</td><td class="available" data-title="r0c6">1</td></tr><tr><td class="week">23</td><td class="available" data-title="r1c0">2</td><td class="available" data-title="r1c1">3</td><td class="available" data-title="r1c2">4</td><td class="available" data-title="r1c3">5</td><td class="available" data-title="r1c4">6</td><td class="available" data-title="r1c5">7</td><td class="available" data-title="r1c6">8</td></tr><tr><td class="week">24</td><td class="available" data-title="r2c0">9</td><td class="available" data-title="r2c1">10</td><td class="available" data-title="r2c2">11</td><td class="available" data-title="r2c3">12</td><td class="available" data-title="r2c4">13</td><td class="available active start-date" data-title="r2c5">14</td><td class="available in-range" data-title="r2c6">15</td></tr><tr><td class="week">25</td><td class="available in-range" data-title="r3c0">16</td><td class="available in-range" data-title="r3c1">17</td><td class="available in-range" data-title="r3c2">18</td><td class="available in-range" data-title="r3c3">19</td><td class="available in-range" data-title="r3c4">20</td><td class="available in-range" data-title="r3c5">21</td><td class="available in-range" data-title="r3c6">22</td></tr><tr><td class="week">26</td><td class="available in-range" data-title="r4c0">23</td><td class="available in-range" data-title="r4c1">24</td><td class="available in-range" data-title="r4c2">25</td><td class="available in-range" data-title="r4c3">26</td><td class="available in-range" data-title="r4c4">27</td><td class="available in-range" data-title="r4c5">28</td><td class="available in-range" data-title="r4c6">29</td></tr><tr><td class="week">27</td><td class="available in-range" data-title="r5c0">30</td><td class="available off in-range" data-title="r5c1">1</td><td class="available off in-range" data-title="r5c2">2</td><td class="available off in-range" data-title="r5c3">3</td><td class="available off in-range" data-title="r5c4">4</td><td class="available off in-range" data-title="r5c5">5</td><td class="available off in-range" data-title="r5c6">6</td></tr></tbody></table></div></div><div class="calendar right"><div class="calendar-date"><table class="table-condensed"><thead><tr><th></th><th class="prev available"><i class="icon-arrow-left glyphicon glyphicon-arrow-left"></i></th><th colspan="5" style="width: auto"><select class="monthselect"><option value="0">January</option><option value="1">February</option><option value="2">March</option><option value="3">April</option><option value="4">May</option><option value="5">June</option><option value="6" selected="selected">July</option><option value="7">August</option><option value="8">September</option><option value="9">October</option><option value="10">November</option><option value="11">December</option></select><select class="yearselect"><option value="2014" selected="selected">2014</option></select></th><th class="next available"><i class="icon-arrow-right glyphicon glyphicon-arrow-right"></i></th></tr><tr><th class="week">W</th><th>Mo</th><th>Tu</th><th>We</th><th>Th</th><th>Fr</th><th>Sa</th><th>Su</th></tr></thead><tbody><tr><td class="week">27</td><td class="available off in-range" data-title="r0c0">30</td><td class="available in-range" data-title="r0c1">1</td><td class="available in-range" data-title="r0c2">2</td><td class="available in-range" data-title="r0c3">3</td><td class="available in-range" data-title="r0c4">4</td><td class="available in-range" data-title="r0c5">5</td><td class="available in-range" data-title="r0c6">6</td></tr><tr><td class="week">28</td><td class="available in-range" data-title="r1c0">7</td><td class="available in-range" data-title="r1c1">8</td><td class="available in-range" data-title="r1c2">9</td><td class="available in-range" data-title="r1c3">10</td><td class="available in-range" data-title="r1c4">11</td><td class="available in-range" data-title="r1c5">12</td><td class="available active end-date" data-title="r1c6">13</td></tr><tr><td class="week">29</td><td class="available" data-title="r2c0">14</td><td class="available" data-title="r2c1">15</td><td class="available" data-title="r2c2">16</td><td class="available" data-title="r2c3">17</td><td class="available" data-title="r2c4">18</td><td class="available" data-title="r2c5">19</td><td class="available" data-title="r2c6">20</td></tr><tr><td class="week">30</td><td class="available" data-title="r3c0">21</td><td class="available" data-title="r3c1">22</td><td class="available" data-title="r3c2">23</td><td class="available" data-title="r3c3">24</td><td class="available" data-title="r3c4">25</td><td class="available" data-title="r3c5">26</td><td class="available" data-title="r3c6">27</td></tr><tr><td class="week">31</td><td class="available" data-title="r4c0">28</td><td class="available" data-title="r4c1">29</td><td class="available" data-title="r4c2">30</td><td class="available" data-title="r4c3">31</td><td class="available off" data-title="r4c4">1</td><td class="available off" data-title="r4c5">2</td><td class="available off" data-title="r4c6">3</td></tr><tr><td class="week">32</td><td class="available off" data-title="r5c0">4</td><td class="available off" data-title="r5c1">5</td><td class="available off" data-title="r5c2">6</td><td class="available off" data-title="r5c3">7</td><td class="available off" data-title="r5c4">8</td><td class="available off" data-title="r5c5">9</td><td class="available off" data-title="r5c6">10</td></tr></tbody></table></div></div><div class="ranges"><ul><li>Today</li><li>Yesterday</li><li>Last 7 Days</li><li class="active">Last 30 Days</li><li>This Month</li><li>Last Month</li><li>Custom Range</li></ul><div class="range_inputs"><div class="daterangepicker_start_input" style="float: left"><label for="daterangepicker_start">From</label><input class="input-mini" type="text" name="daterangepicker_start" value="" disabled="disabled"></div><div class="daterangepicker_end_input" style="float: left; padding-left: 11px"><label for="daterangepicker_end">To</label><input class="input-mini" type="text" name="daterangepicker_end" value="" disabled="disabled"></div><button class="btn-small btn-primary applyBtn btn btn-default">Submit</button>&nbsp;<button class="btn-small cancelBtn btn btn-default" style="float: right;">Cancel</button></div></div></div></body></html>